<template>
  <div class="hotsearch">
    <div class="center">
      <SearchTop />
      <SearchFind />
    </div>
    <div class="list">
      <SearchGroup />
    </div>
    <p class="bottomtext">搜索指数是根据搜索词的热度，增速趋势等综合计算出</p>
  </div>
</template>

<script>
import SearchTop from "../../components/cheyi/search/SearchTop.vue";
import SearchFind from "../../components/cheyi/search/SearchFind.vue";
import SearchGroup from "../../components/cheyi/search/SearchGroup.vue";
export default {
  components: {
    SearchTop,
    SearchFind,
    SearchGroup
  }
};
</script>

<style lang="scss" scoped>
.hotsearch {
  width: 100%;
  height: 100%;
  ::-webkit-scrollbar {
    display: none;
  }
  .center {
    width: 95%;
    margin: auto;
  }
  .list {
    width: 100%;
    margin-top: 1.333vw;
    padding-left: 5%;
    box-sizing: border-box;
    overflow: auto;
  }
  .bottomtext {
    margin-top: 1.333vw;
    color: #cccccc;
    font-size: 2.133vw;
    text-align: center;
  }
}
</style>